#list {
  width: 100%;
}
#list > .work-nav .warp {
  width: 80%;
}
#list > .work-nav .navbar {
  border-color: transparent;
}
#list > .work-nav .navbar .navbar-nav {
  display: flex;
  align-items: center;
}
#list > .work-nav .navbar .navbar-nav > li > a {
  color: #6c6c6c;
}
#list > .work-nav .navbar .navbar-nav > li > a:hover {
  background: none;
}
#list > .work-nav .navbar .navbar-nav > li:nth-child(1) {
  font-family: OSBold;
}
#list > .work-nav .navbar .navbar-nav > .line3 {
  height: 18px;
  width: 1px;
  background-color: #6c6c6c;
}
#list > .work-nav .navbar {
  margin-bottom: 0;
  border-radius: 0;
}
#list > .work-nav .navbar-brand {
  text-transform: uppercase;
  color: #222222;
}
#list > .tu {
  margin: 0 auto;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#list > .tu > a {
  width: 18vw;
  height: 18vw;
  margin-bottom: 2vw;
}
#list > .tu > a > img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  #list .work-nav .navbar .navbar-toggle .icon-bar {
    background-color: #111;
  }
  #list .tu a {
    width: 47%;
    height: 47%;
  }
}
